<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button [routerLink]="['/tabs/me']">
        <ion-icon name="chevron-back-outline" class="global-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title mode="ios">设置</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="content">
  <ion-list mode="ios">
    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>账号与安全</h3>
      </ion-label>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>青少年模式</h3>
      </ion-label>
      <ion-text slot="end">未开启</ion-text>
    </ion-item>
  </ion-list>

  <div class="sep"></div>

  <ion-list mode="ios">
    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>新消息提醒</h3>
      </ion-label>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>勿扰模式</h3>
      </ion-label>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>聊天</h3>
      </ion-label>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>隐私</h3>
      </ion-label>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>通用</h3>
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="sep"></div>

  <ion-list mode="ios">
    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>关于微信</h3>
      </ion-label>
    </ion-item>

    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>帮助与反馈</h3>
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="sep"></div>

  <ion-list mode="ios">
    <ion-item [routerLink]="['']">
      <ion-label>
        <h3>插件</h3>
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="sep"></div>

  <ion-list mode="ios">
    <ion-item>
      <ion-label>
        <h3 class="center">切换账号</h3>
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="sep"></div>

  <ion-list mode="ios">
    <ion-item (click)="quit()">
      <ion-label>
        <h3 class="center">退出</h3>
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="sep"></div>

</ion-content>